<template>
    <div>
        <h1>pop message test</h1>
        <!-- <PopMessage ref='pop' :a-message-type="PopMessageEnum.INFO" a-content="警告测试消息。"></PopMessage> -->
        <div ref="iconRef"></div>
    </div>
</template>
<script setup lang='ts'>
import PopMessage from './message.vue'
import { PopMessageEnum } from '../Icon/types';
import { ref } from 'vue';
import {Message} from './message.ts';
    ////#region defineXxx
    //defineOptions({
        //name:
    //});

    //const props=defineProps({
        //propA:{
            //type:String,
            //required:true
        //},
        //propB:{
            //type:Number,
            //default:1
        //},
        //propC:{
            //type:String as PropType<MyType>,
            //required:true
        //},
    //});

    //const emit = defineEmits<{
        //event1:[para1:number,para2:string],
        //event2:[para1:number,para2:string],
    //}>();
    ////#endregion
    const iconRef=ref();

    const popRef=ref();
    const props={
        aMessageType:PopMessageEnum.INFO,
        aContent:'测试信息'
    }
    const intance=Message(props);
    console.log('instance',intance);
    console.log('instance',intance?.vnode.el);
    //intance?.emit('destory')
    
    
</script>
<style lang='less' scoped>
    
</style>